import React from 'react'
import { Button, Space, Swiper, Toast } from 'antd-mobile'
function luenbo() {
    const colors = ['#ace0ff', '#bcffbd', '#e4fabd', '#ffcfac']

const items = colors.map((color, index) => (
  <Swiper.Item key={index}>
    <div
      
      style={{ background: color ,height:'200px'}}
      onClick={() => {
        Toast.show(`你点击了卡片 ${index + 1}`)
      }}
    >
      {index + 1}
    </div>
  </Swiper.Item>
))

  return (
    <div>
      <Swiper>{items}</Swiper>
    </div>
  )
}

export default luenbo
